<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- CSS的组成 -->
     <!-- 
        层叠式：
        css中贯穿始终的加载特性
        - 层叠性
        - 继承性

        样式：
        定义如何显示html元素
        - 文字文本
        - 背景
        - 盒模型
        - 浮动
        - 定位
        - 其他
     -->
    
     <!-- CSS语法 -->
      <!-- 
        选择器 以及一条或多条声明
        分四种书写方式：内联式tag style 内嵌式head>style 外联式head>link 导入式head>@import
        内联式：
        在html标签之上的style标签内写
      -->


    
      <!-- 导入式样式表 -->
       <!-- @import url(1.css) 
            写在style标签内 style标签写在head标签内 也可以在样式表里导入 减少html中导入
            缺点：延长加载的时间-->
      <p>这是一段文字</p>


</body>
</html>